<template>
  <div>

    <Head />

    <Body />
    <div class="loading" v-if="show === true">
      <i class="el-icon-loading"></i>
    </div>
  </div>
</template>

<script>
import Head from '../components/albumHead.vue';
import Body from '../components/albumBody.vue'

export default {
  components: {
    Head,
    Body,
  },
  mounted() { },
  data() {
    return {
      show: false,
    };
  },
  beforeRouteLeave(to, from, next) {
    this.show = true
    next()
  },
  methods: {

  },
};
</script>

<style>
.el-icon-loading {
  position: fixed;
  font-size: 50px;
  left: 50%;
  top: 50%;
  color: #ec4141;
}
</style>
